Less Web Development Cookbook by Unknown

Author:Unknown
Language: eng
Format: epub, pdf
Publisher: Packt Publishing

In the preceding Less code, both drop-shadow mixins were compiled for the drop-shadow(16 16 10 black) call, which results in the following CSS code:

div.drop-shadow { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -webkit-filter: drop-shadow(0 1px 2px 0.2px); -moz-filter: drop-shadow(0 1px 2px 0.2px); -ms-filter: drop-shadow(0 1px 2px 0.2px); filter: drop-shadow(0 1px 2px 0.2px); }

As you can see in the preceding code, the div-drop-shadow selector put the properties from both mixins together, which makes no sense. You should not use both the box-shadow and the filter with the drop-shadow property for the same selector. Also, the effect of the input parameters becomes unexpected. In this recipe, you saw that namespaces prevent these problems.

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.